<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>AdminLTE 2 | Log in</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- Bootstrap 3.3.6 -->
        <link rel="stylesheet" href="__ui_framework__/bootstrap-3.3.7-dist/css/bootstrap.min.css">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="__ui_fonts__/Font-Awesome-4.7.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="__ui_fonts__/ionicons-2.0.1/css/ionicons.min.css">
        <!-- Theme style -->
        <link rel="stylesheet" href="__ui_adminlte__/css/AdminLTE.min.css">
        <link rel="stylesheet" href="__theme__/xwam/css/login.css">

    </head>
    <body class="hold-transition login-page">
        <div class="login-box">
            <div class="login-logo">
                <h1>数卡189后台管理系统</h1>
            </div>
            <!-- /.login-logo -->
            <div class="panel">
                <div class="panel-body">
                    <div class="page-header">
                        <h3>帐号登陆 <small>LOGIN</small></h3>
                    </div>
                    <form action="{:U('loginSave')}" method="post">
                        <div class="form-group has-feedback">
                            <input type="text" name="login_name" class="form-control" placeholder="用户名" required="required" />
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
                        </div>
                        <div class="form-group has-feedback">
                            <input type="password" name="password" class="form-control" placeholder="密码" required="required" />
                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                        </div>
                        <div class="form-group">
                            <div class="input-group xsui-captcha-group">
                                <input type="text" name="captcha" class="form-control" placeholder="验证码">
                                <span class="input-group-btn">
                                    <a href="#" class="btn btn-default" title="看不清楚? 点击刷新验证码."><i class="fa fa-refresh"></i></a>
                                    <a href="#" class="btn btn-default" style="padding:0" title="点击刷新验证码"><img src="{:U('Captcha/index','h=32')}" alt="" /></a>
                                </span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox"> 一周内自动登录
                                    </label>
                                </div>
                            </div>
                            <!-- /.col -->
                            <div class="col-xs-4">
                                <button type="submit" class="btn btn-primary btn-block btn-flat">立即登陆</button>
                            </div>
                            <!-- /.col -->
                        </div>
                    </form>
                    <div style="padding:15px 0 0 0; margin-top:15px; border-top:solid 1px #eee;">
                        <a href="#" class="text-danger">忘记密码?</a>
                        <div style="font-size:12px; color:#999; margin-top:5px;">*推荐使用ie8或以上版本ie浏览器或Chrome内核浏览器访问本站</div>
                    </div>
                </div>
            </div>
            <!-- /.login-box-body -->
        </div>
        <!-- /.login-box -->

        <!-- jQuery 2.2.3 -->
        <script src="__ui_plugins__/jquery/jquery-2.2.3.min.js"></script>
        <!-- Bootstrap 3.3.6 -->
        <script src="__ui_framework__/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
        <script>
            $('.xsui-captcha-group a, .xsui-captcha-group img').click(function () {
                var $img = $('.xsui-captcha-group img');
                $img.attr('src', $img.attr('src'));
                return false;
            })
        </script>
    </body>
</html>
